<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    年:<input type="text" class="year">
    月:<input type="text" class="month">
    日:<input type="text" class="day">
    <button class="btn">判断</button>
    <span class="result"></span>
</body>
<script>
    // 注意: 表单取值用 value => 获取和设置表单控件的value值


    //
    // 一. 输入判断   => 将判断的结果输出到span
    // 1. 先输入年月日
    // 2. 点击取值 判断范围
    //    a. 年份 1000-9999的整数
    //    b. 月份 1-12的整数
    //    c. 日期
    //       大月: 1 3 5 7 8 10 12 => 31
    //       小月: 4 6 9 11 => 30
    //       2月: 平年=>28 闰年=>29


    // 二. 在第一题的基础上(格式全都正确)  => 判断输入的日期是该年的第多少天? => span

    // 第n个月如何算 => 前n-1个月之和 + 当前月几号
    // 2022-7-28 => ( 31 + 28 + 31 + 30 + 31 + 30 ) + 28


    var yearInp = document.getElementsByClassName("year")[0];
    var btn = document.getElementsByClassName("btn")[0];

    btn.onclick = function () {
        var year = yearInp.value;
        console.log(year);
    }













</script>

</html>